<!DOCTYPE HTML>
<!--
	Aerial 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
    <title>feverdestiny</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <!--<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.3/css/bootstrap.css" rel="stylesheet">-->



    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="css/animate.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <!--
    <link href="css/normalize.css" rel="stylesheet"/>
    <link href="css/component.css" rel="stylesheet"/>
    -->
    <link href="css/loading.css" rel="stylesheet"/>
    <script src="js/jquery.min.js"></script>
    <!--<script src="//cdn.bootcss.com/jquery/3.1.0/jquery.js"></script>-->
    <!--<script src="//cdn.bootcss.com/bootstrap/4.0.0-alpha.3/js/bootstrap.js"></script>-->
    <script src="js/bootstrap.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/init.js"></script>
    <noscript>

    </noscript>
    <style>
        body {
            font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, STXihei, "Microsoft YaHei", "微软雅黑", sans-serif;
        }
    </style>
</head>
<body class="loading">

<div id="wrapper">
    <div id="bg"></div>
    <div id="overlay"></div>
    <div id="main">

        <!-- Header -->
        <header id="header" style="min-height: 330px;">
            <h1 style="font-family: 'Microsoft YaHei UI'">Fever Destiny</h1>
            <p style="font-family: 'Microsoft YaHei UI'"> welcome to my blog</p>
            <div>
                <div style="width:30%;margin-left: auto;margin-right: auto;min-width:200px;" id="divlog">
                    <button class="btn btn-block btn-success" id="btnLog">登录</button>
                    <form style="margin-bottom: 20px;display: none" id="formlog">
                        <div class="input-group input-group-md">
                            <input type="text" class="form-control" placeholder="账号" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group input-group-md" style="margin-top:5px;">
                            <input type="text" class="form-control" placeholder="密码" aria-describedby="sizing-addon1">
                        </div>
                    </form>
                    <button class="btn btn-block btn-success" id="btnLog2" style="display:none">登录</button>

                </div>
            </div>

        </header>

        <!-- Footer -->
        <footer id="footer">
            <span class="copyright">&copy; feverdestiny. Design.</span>
        </footer>

    </div>
</div>
<script>
    $(document).ready(function () {
        document.body.className = '';
    });


    $("#btnLog").click(function () {
        $("#btnLog").addClass("animated zoomOut")
        $('#btnLog').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', logIn());
    });
    function logIn() {
        setTimeout(function () {

            $("#formlog").addClass("animated zoomIn")
            $("#formlog").show();
            $("#btnLog2").addClass("animated zoomIn")
            $("#btnLog2").show();

        }, 800);


    }

</script>
</body>
</html>